<!-- Bojan Karlas -->	

<script type="text/javascript" src="jquery.js"></script>

	<script type="text/javascript">
		$(document).ready(function(){
  			$("#navbar a").mouseover(function(){
				$(this).stop();
	    		$(this).animate({paddingBottom:"20px"}, 100, "swing");
  			});
			$("#navbar a").mouseout(function(){
				$(this).stop();
	    		$(this).animate({paddingBottom:"5px"}, 100);
  			});
			
			$("#logo").mouseover(function(){
				$("#logo-middle").stop();
	    		$("#logo-middle").animate({height:"215px"}, 100, "swing");
  			});
			$("#logo").mouseout(function(){
				$("#logo-middle").stop();
	    		$("#logo-middle").animate({height:"200px"}, 100);
  			});
		});
	</script>
    
    <div id="header">
		<a id="logo" href="index.php">
	   		<img src="images/logo-top.png"/>
	      	<div id="logo-middle">
		      		<img src="images/logo.png" style="bottom:10px; position:absolute"/>
	      	</div>
   			<img src="images/logo-bottom.png"/>
	    </a>
    	<div id="login-form">
	    	<?php include("prijavljivanje.php"); ?>
	    </div>
        <div id="navbar">
        	<a href="pretraga.php?vrsta=pokloni">Поклони</a>
            <a href="pretraga.php?vrsta=prodavnice">Продавнице</a>
            <a href="pretraga.php?vrsta=posetioci">Посетиоци</a>
        </div>
    </div>
    <div style="position:fixed; top:50%; left:5px">
    	<img src="images/vitezkojalogo.png" />
    </div>